<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,  user-scalable=0">
    <title>vue-mobile</title>
</head>

<body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
    <script>
        (function (doc, win) {
            var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                if (clientWidth >= 640) {
                    docEl.style.fontSize = '100px';
                } else {
                    docEl.style.fontSize = 100 * (clientWidth / 375) + 'px';
                }
            };
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            recalc();
            doc.addEventListener('DOMContentLoaded', recalc, false);
            /*DOMContentLoaded文档加载完成不包含图片资源 onload包含图片资源*/
        })(document, window);
    </script>
</body>

</html>